/**********************************  基础样式 **********************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
  }
  
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    background-color: #f8f8f8;
    font-size: 14px;
    // min-width: 1200px;
    font-family: MKWXY;
}

  
#app {
    width: 100%;
    height: 100%;
}

/* table 样式 */
table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table td,
table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
}

table th {
    border-bottom: 2px solid #ccc;
    text-align: center;
}

/* blockquote 样式 */
blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}

/* code 样式 */
code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px;
}

pre code {
    display: block;
}

ul,li{
    list-style:none;
    margin:0;
    padding:0;
}

/* 整个滚动条 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: #49b1f5;
    /* 关键代码 */
    background-image: -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, 0.4) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0.4) 75%,
            transparent 75%,
            transparent);
    border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background-color: #dbeffd;
    border-radius: 32px;
}


/* ul ol 样式 */
// ul,
// ol {
//     margin: 10px 0 10px 20px;
// }

// body {   
//     background-color: #000;
//     min-width: 1200px;
// } 
// @media screen and (max-width: 1400px) {   
//     body {     background-color: red;  }
// } 
// @media screen and (max-width: 1200px) {   
//     body {     background-color: yellow;  }
// } 
// @media screen and (max-width: 992px) {   
//     body {     background-color: blue;  }
// } 
// @media screen and (max-width: 769px) {   
//     body {     background-color: green;  }
// } 
// @media screen and (max-width: 576px) {  
//     body {     background-color: orange;  }
// }